
#app{
    width: 100%;
    height: 100%;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    // background: url(../image/bj2.png) no-repeat 0 0;
    // background-size: 100% ;
    .beijing{
        width: 106%;
        // margin-left: -8px;
    }
    .btn{
        position: absolute;
        width: 564px;
        height:136px;
        top: 2370px;
        left:calc((100% - 564px) / 2);
        z-index: 2;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    @keyframes Strong {
        0%{
            width: 564px;
            left:calc((100% - 564px) / 2);
        }
        100% {
            width: 680px;
            height:150px;
            left:calc((100% - 680px) / 2);
        }
    }
    .btn:active{
        animation-name: Strong;
        /* 持续时间 */
        animation-duration: 1s;
    }
    .main{
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.6);
        z-index: 999;
        .img-box{
            position: absolute; 
            width: 100%;
            height:100%;
            z-index: 1000;
            background-color: #fff;
            &_delete{
                position: absolute; 
                right: 10px;
                top: 10px;
            }
            .container{
                width: 100%;
                height: 100%;
            }
        } 
        
    }
   .notShow{
    display: none;
   }
}